<template>
     <el-row class="tac">
      <el-col :span="12" >
        <el-menu
          id="BSSide"
          :uniqueOpened="true"
          default-active="1"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
          style="width:200px"
          router
        >
        
          <el-menu-item  index="1" route="/backstage" >
            <i class="el-icon-menu"></i>
            <template #title >首页</template>
          </el-menu-item>
          <el-submenu index="2" >
            <template #title>
              <i class="el-icon-location"></i>
              <span>用户管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-1" route="/backstage/userinfo"
                >用户信息</el-menu-item
              >
              <el-menu-item index="2-2">安全</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-menu-item index="4" route="/backstage/articleinfo" >
            <i class="el-icon-document"></i>
            <template #title>文章管理</template>
          </el-menu-item>
          <el-menu-item index="/backstage/Carousel" >
            <i class="el-icon-setting"></i>
            <template #title>轮播图设置</template>
          </el-menu-item>
          <el-submenu index="6">
            <template #title>
              <i class="el-icon-location"></i>
              <span>关于</span>
            </template>
            <el-menu-item index="6-1">联系我们</el-menu-item>
            <el-menu-item index="6-2">声明</el-menu-item>
          </el-submenu>
        </el-menu>
      </el-col>
    </el-row>
 
</template>

<script>
export default {

};
</script>

<style>
.el-submenu .el-menu-item {
  min-width: 0px;
}

</style>